<template>
  <div class="root">
    <img  :src="sampleGraph" />
  </div>
</template>

<script>
export default {
  name: "VideoInformation",
  props: ["imgSrc", "title", "synopsis"],
  data() {
    return {
      // sampleGraph: require("../../../assets/sample-graph/sample_graph.jpg")
      sampleGraph: require("@/assets/sample-graph/sample-graph.jpg")
    };
  }
};
</script>

<style scoped>
.root{
    width: 40%;
    float: left;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: red; */
    margin: 10px;
}
img{
    width: 370px;
    height: 210px;
}
.synposis-all{
    
}

</style>